<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/jquery.js"></script>
    <script>
        $(function () {
            $("#key").blur(function () {
                /*方法一：
                $.get(
                    "/checkKeyGet",
                    {"key":$("#key").val()},
                    function (data) {
                        $("#err").html(data);
                        if(data.indexOf("key已存在")!=-1){
                            $("#sb").prop("disabled",true);
                        }else{
                            $("#sb").prop("disabled",false);
                        }
                    }
                );*/
                //方法二
                $.post(
                    "/checkKeyPost",
                    {"key":$("#key").val()},
                    function (data) {
                        data=data.info;
                        $("#err").html(data);
                        if(data.indexOf("key已存在")!=-1){
                            $("#sb").prop("disabled",true);
                        }else{
                            $("#sb").prop("disabled",false);
                        }
                    },
                    "json"
                );
            });

            //方式三
            $("#d").click(function () {
                $("#d").load("/getInfo");
            });

        })
    </script>
</head>
<body>
    <form action="/addInfo">
        关键字:<input name="key" id="key" >
        <span id="err"></span><br>
        详细信息:<input name="msg" id="msg"><br>
        <input type="submit" id="sb" value="添加" disabled>
    </form>
    <div id="d">点我呀</div>
</body>
</html>